titleをnav barに固定するUserCSS
private projectで表示される鍵も一緒にscrapboxのtitleをnav barに固定できます
https://gyazo.com/4092143fe8eb38a3688f579e206e60d6
code:style.css
@media screen {
.quick-launch .left-box {
position: fixed;
top: -2px;
left: 40px; /* brand-iconの幅に応じて変えてください */
z-index: 1000;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.quick-launch .left-box {
left: 55px; /* brand-iconの幅に応じて変えてください */
}
}
@media screen and (min-width: 992px) and (max-width: 1260px) {
.quick-launch .left-box {
left: 70px; /* brand-iconの幅に応じて変えてください */
}
}
@media screen and (min-width: 1261px) {
.quick-launch .left-box {
left: calc((100% - 1280px)/2 + 80px); /* brand-iconの幅に応じて変えてください */
}
}
from /takker/scrapboxのtitleをnav barに固定するUserCSS
Mijinko_SD.iconも同様のCSSを作っている
/Mijinko/プロジェクトタイトルと戻るボタンを上部に固定するUserCSS
ウィンドウの幅によっては固定する要素が自動的に変わるようにしてある
https://gyazo.com/08d2ade0afe99cc7a33087ed8f4883e8
https://gyazo.com/13ca9f21532cf84891e4963ef28ddd2a
https://gyazo.com/4df533ea6d5b3c22631a9ae502f74045
これはスマホ版の表示
/Mijinko/プロジェクトタイトルと戻るボタンを上部に固定するUserCSS#61ee13737838e300005b3cd3
ページを開いたときのみ上部に固定するバージョン
プロジェクトのトップページ
https://gyazo.com/38e4c0afbb35b5c7e6a0cbb71fcea31c
ページ内
https://gyazo.com/28083f778bcfcb5e0916cb5f98822933
#UserCSS
UserCSS.icon